<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
			String basePath = request.getScheme() + "://"
					+ request.getServerName() + ":" + request.getServerPort()
					+ path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>" />
	<meta name="viewport"
		content="width=device-width,inital-scale=1,user-scalable=no" />
	<title>系统角色管理</title>
	<script type="application/x-javascript">
		 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } 
	</script>
	<!-- Bootstrap Core CSS -->
	<link href="resource/css/bootstrap.min.css" rel='stylesheet'
		type='text/css' />
	<!-- Custom CSS -->
	<link href="resource/css/style.css" rel='stylesheet' type='text/css' />
	<link href="resource/css/font-awesome.css" rel="stylesheet">
	<!-- jQuery -->
	<script src="resource/js/jquery.min.js"></script>
	<!----webfonts--->
	<link
		href='http://fonts.useso.com/css?family=Roboto:400,100,300,500,700,900'
		rel='stylesheet' type='text/css'>
	<!---//webfonts--->
	<!-- Nav CSS -->
	<link href="resource/css/custom.css" rel="stylesheet">
	<link rel="stylesheet"
		href="resource/ztree/css/metroStyle/metroStyle.css" type="text/css">
	<script type="text/javascript" src="resource/js/sidebar.js"></script>
	<!-- Metis Menu Plugin JavaScript -->
	<script src="resource/js/metisMenu.min.js"></script>
	<script src="resource/js/custom.js"></script>
	<script src="resource/js/pagination.js"></script>
	<script src="resource/js/role.js"></script>
</head>
<body>
	<div id="wrapper">
		<!-- Navigation -->
		<jsp:include page="../common/head.jsp"></jsp:include>
		<!-- /Navigation -->
		<div id="page-wrapper">
			<div class="graphs">
				<ol class="breadcrumb">
					<li><a href="#">主页</a></li>
					<li class="active">系统角色管理</li>
				</ol>
				<div id="alertShow"></div>
				<div class="media_1 mailbox-content">
					<div class="mail-toolbar clearfix">
						<button id="addRole" class="btn btn_sm btn-primary" type="button">增加角色</button>
						<button id="updateRole" class="btn btn_sm btn-primary"
							type="button">修改角色</button>
						<button id="remove" class="btn btn_sm btn-success warning_3"
							type="button">删除角色</button>
					</div>
					<table id="table" class="table table-bordered table-hover"
						width="100%" style="margin-bottom: 10px;">
					</table>
					<div class="clearfix"></div>
				</div>
				<jsp:include page="../common/footer.jsp"></jsp:include>
			</div>
		</div>
		<!-- /#page-wrapper -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">×</button>
						<h2 class="modal-title"></h2>
					</div>
					<div class="modal-body">
						<form class="form-horizontal" onsubmit="return false;">
							<div id="role_name_div" class="form-group">
								<input id="role_id" type="hidden"> <label
									for="role_name" class="col-sm-4 control-label">角色名称</label>
								<div class="col-sm-6">
									<input id="role_name" type="text" class="form-control1" placeholder="角色名称">
								</div>
							</div>
							<div id="role_sign_div" class="form-group">
								<label for="role_sign" class="col-sm-4 control-label">角色标识</label>
								<div class="col-sm-6">
									<input id="role_sign" type="text" class="form-control1"
										placeholder="角色标识">
								</div>
							</div>
							<div id="role_desc_div" class="form-group">
								<label for="role_desc" class="col-sm-4 control-label">角色说明</label>
								<div class="col-sm-6">
									<input id="role_desc" type="text" class="form-control1"
										placeholder="角色说明">
								</div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button id="role_form" type="button" class="btn btn-primary">确定</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
	</div>
	<!-- /#wrapper -->
	<!-- Bootstrap Core JavaScript -->
	<script src="resource/js/bootstrap.min.js"></script>
</body>
</html>